<script setup>
import { ref, defineOptions } from 'vue';
import ResumeTemplate from './Tabs/ResumeTemplate/ResumeTemplate.vue';
import RecycleBin from './Tabs/RecycleBin/RecycleBin.vue';
defineOptions({
  name: 'PersonalSpace',
  inheritAttrs: false,
});
const currentTab = ref('ResumeTemplate');
</script>
<template>
  <div class="PersonalSpace tw-h-full">
    <q-tabs dense align="left" v-model="currentTab" class="text-primary">
      <q-tab name="ResumeTemplate" label="简历模板"></q-tab>
      <q-tab label="回收站" name="recycleBin"></q-tab>
    </q-tabs>
    <q-tab-panels v-model="currentTab" animated>
      <q-tab-panel name="ResumeTemplate">
        <ResumeTemplate />
      </q-tab-panel>
      <q-tab-panel name="recycleBin">
        <RecycleBin />
      </q-tab-panel>
    </q-tab-panels>
  </div>
</template>
<style scoped lang="scss">
.PersonalSpace {
  padding: 0 12px;
}
</style>
